.news {
  position: relative;
  height: 100%;

  .inbiz-BizHeader-wap {
    padding: 14px 15px;
  }
.adm-empty{
  padding:24px 0 9px 0;
}
  .list-content {
    .adm-list-body {
      border-top: 0;
      border-bottom: 0;

      .adm-list-body-inner {
        --border-inner: 0;

        .adm-list-item {
          padding-left: 0;

          .adm-list-item-content {
            padding-right: 0;

            .adm-list-item-content-main {
              display: flex;
              align-items: center;
              justify-content: space-between;
              height: 40px;
              padding: 10px 0;

              .list-item {
                display: flex;
                align-items: center;
                overflow: hidden;

                svg {
                  margin-right: 4px;

                  circle,
                  path,
                  rect {
                    fill: var(--inbiz-color-heading);
                  }
                }

                span {
                  white-space: nowrap;
                }

                .title-text {
                  flex: 1;
                  overflow: hidden;
                  color: var(--inbiz-color-heading);
                  font-size: 14px;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                }

                .title-tag {
                  span {
                    display: inline-block;
                    padding: 0 2px;
                    color: #cf1322;
                    font-size: 14px;
                    border: 1px solid #cf1322;
                    border-radius: var(--inbiz-border-radius-base);
                    transform: scale(0.5) translateY(-12px);
                  }
                }
              }
            }
          }
        }
      }
    }

    .content-time {
      padding-left: 10px;
      color: var(--inbiz-color-text);
      font-size: 10px;
      white-space: nowrap;
    }
  }

  .news-list-see-more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 40px;
    color: var(--inbiz-color-text);
    font-size: 12px;
    cursor: pointer;
  }

  // 详情头部
  .detail-header {
    display: flex;
    align-items: center;
    height: 44px;
    color: var(--inbiz-color-heading);
    font-size: 18px;

    .tite-header {
      z-index: 2;
      display: flex;
      align-items: center;
      width: 100%;
      height: 44px;
      padding: 0 15px;
      background-color: #fff;

      .ant-typography {
        margin: auto;
      }
    }
  }

  // 详细页样式
  .detail {
    position: relative;
    height: 100%;
    overflow: hidden;

    .detail-body {
      height: 100%;
      overflow: auto;

      .detail-main {
        ul {
          margin: 19px 0 19px 40px;
          word-break: break-all;
          list-style: revert;
        }

        ol {
          margin: 16px 0 16px 36px;
          word-break: break-all;
          list-style: revert;
        }

        em {
          font-style: italic;
        }

        .detail-title {
          padding-top: 24px;
          color: var(--inbiz-color-heading);
          font-size: 22px;
        }

        .detail-summary {
          padding: 16px 0;
          color: var(--inbiz-color-text);
          font-size: 14px;
        }

        .detail-creat {
          display: flex;
          justify-content: space-between;
          padding-bottom: 10px;
          color: var(--inbiz-color-text);
          font-size: 12px;
          border-bottom: 1px solid #eee;
        }

        .detail-content {
          padding-top: 16px;
          font-size: 14px;

          img {
            max-width: 100%;
            height: 100%;
          }
        }
      }

      .detail-more {
        .detail-more-title {
          padding: 20px 0 6px 0;
          color: var(--inbiz-color-primary);
          font-size: 16px;
        }

        .adm-list-body {
          border-top: 0;

          .adm-list-item {
            padding-left: 0;

            .adm-list-item-content {
              padding-right: 0;

              .adm-list-item-content-main {
                overflow: hidden;
                color: var(--inbiz-color-heading);
                font-size: 14px;
                white-space: nowrap;
                text-overflow: ellipsis;
              }
            }
          }
        }
      }
    }
  }

  // 卡片视图
  .card-content {
    height: 198px;
    display: flex;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;

    &::-webkit-scrollbar {
      display: none;
      height: 0;
    }

    &::-webkit-scrollbar-track {
      background-color: none;
    }

    &::-webkit-scrollbar-thumb {
      background-color: none;
    }

    &::-webkit-scrollbar-thumb:hover {
      background-color: none;
    }

    &::-webkit-scrollbar-thumb:active {
      background-color: none;
    }

    .card-item {
      position: relative;
      width: 184px;
      height: 100%;
      flex-shrink: 0;
      user-select: none;
      margin-right: 15px;
      font-size: 12px;

      &:nth-last-child(1) {
        margin-right: 0;
      }

      .card-item-title {
        margin-top: 11px;
        color: var(--inbiz-color-heading);
        height: 38px;
        line-height: 19px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .card-item-time {
        letter-spacing: 0;
        line-height: 17px;
        color: var(--inbiz-color-text);
        margin-top: 6px;
      }

      .card-item-creator {
        margin-top: 5px;
        color: var(--inbiz-color-text);
        display: flex;
        align-items: center;
        justify-content: space-between;

        .card-item-creator-person {
          display: flex;
          align-items: center;

          &>div {
            display: inline-block;
          }

          .adm-image {
            margin-right: 6px;

            .adm-image-tip {
              width: 16px;
              height: 16px;
              min-width: 16px;
              min-height: 16px;

              &>svg {
                width: 16px;
                height: 16px;
              }
            }
          }
        }

        .card-item-creator-time {
          display: flex;
          align-items: center;

          &>div {
            display: inline-block;
          }

          .adm-image {
            margin-right: 5px;

            .adm-image-tip {
              width: 12px;
              height: 12px;
              min-width: 12px;
              min-height: 12px;

              &>svg {
                width: 12px;
                height: 12px;
              }
            }
          }
        }
      }
    }
  }

  // 概要展示
  .summary-content {
    .adm-list {
      .adm-list-body {
        border: none;

        .summary-list-item {
          margin: 0 15px;
          border-bottom: 1px solid #f5f5f5;

          &:nth-last-child(1) {
            border: none;

            .summary-other {
              margin-bottom: 15px;
            }
          }

          .adm-list-item {
            padding-left: 0;
            position: relative;

            .adm-list-item-content {
              padding: 15px 0 8px 0;
              border: none;

              .adm-list-item-content-prefix {
                padding-right: 16px;
              }

              .adm-list-item-content-main {
                height: 63px;
                padding: 0;
                font-size: 14px;
                color: var(--inbiz-color-heading);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;

                .adm-list-item-description {
                  line-height: 18px;
                  font-size: 12px;
                  margin-top: 6px;
                  color: var(--inbiz-color-text);
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: pre-wrap;
                  word-break: break-all;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                }
              }
            }
          }

          .summary-other {
            padding-left: 128px;
            font-size: 12px;
            color: var(--inbiz-color-text);
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

            .summary-other-content {
              &>div {
                display: inline-block;

                &:nth-child(1) {
                  margin-right: 16px;
                }
              }
            }
          }
        }
      }
    }

    .adm-divider.adm-divider-horizontal.adm-divider-center {
      border-color: #ddd;
    }
  }

  .card-stream-wrapper {
    height: 198px;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;

    &::-webkit-scrollbar {
      height: 0;
    }

    .card-stream-content {
      height: 100%;
      width: max-content;
      white-space: nowrap;

      .card-stream-item {
        display: inline-block;
        position: relative;
        width: 184px;
        height: 100%;
        user-select: none;
        margin-right: 15px;
        font-size: 12px;

        &:nth-last-child(1) {
          margin-right: 0;
        }

        .card-stream-item-title {
          margin-top: 11px;
          color: var(--inbiz-color-heading);
          height: 38px;
          line-height: 19px;
          white-space: pre-wrap;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }

        .card-stream-item-time {
          letter-spacing: 0;
          line-height: 17px;
          color: var(--inbiz-color-text);
          margin-top: 6px;
        }

        .card-stream-item-creator {
          margin-top: 5px;
          color: var(--inbiz-color-text);
          display: flex;
          align-items: center;
          justify-content: space-between;

          .card-stream-item-creator-person {
            display: flex;
            align-items: center;

            &>div {
              display: inline-block;
            }

            .adm-image {
              margin-right: 6px;

              .adm-image-tip {
                width: 16px;
                height: 16px;
                min-width: 16px;
                min-height: 16px;

                &>svg {
                  width: 16px;
                  height: 16px;
                }
              }
            }
          }

          .card-stream-item-creator-time {
            display: flex;
            align-items: center;

            &>div {
              display: inline-block;
            }

            .adm-image {
              margin-right: 5px;

              .adm-image-tip {
                width: 12px;
                height: 12px;
                min-width: 12px;
                min-height: 12px;

                &>svg {
                  width: 12px;
                  height: 12px;
                }
              }
            }
          }
        }
      }
    }
  }
}